/* @override http://localhost:8081/32learn/css/styles.css */

/* @override http://32learn.nl/demo/style.css */

form ol li{
	display: list-item;
	margin:0;
	padding:6px 5px 9px 9px;
	clear: both;
	list-style-type: decimal;
	list-style-position: inside;
}


/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #f9faf4 url(../images/bgr.gif) repeat-x 0 -65px;
	color: #555555;
	padding: 0 0 20px;
	font: .70em/1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}
a{
	color: #464543;
	text-decoration: underline
	}
a:hover{
	text-decoration: none;
}
input,select,textarea{
	border: #e6e6e6 1px solid;
	font-size: 12px;
	margin-right: 5px;
	color: gray;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;

}

.box4 input {
	float: left;
	font-size: 11px;

}

input#inloggen {
	background-color: #78c12a;
	padding-right: 12px;
	padding-left: 12px;
	color: white;
	font-style: italic;
	border: 1px solid #78c12a;
	cursor: pointer;
	width: 23%;
}

input#password {
	display: none;
	width: 35%;
}
input#passwordDummy {
	display: block;
	width: 35%;
}

input#email {
	display: block;
	width: 35%;
}

input#onthouden {
	margin: 5px 5px 0 0;
}

input#onthouden {
	margin: 5px 5px 0 0;
}

input#inloggen:hover {
	background-color: white;
	color: #0961b3;
}

li{
	list-style: none
}
h2{
	color: #262625;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 .8em
}
h2 a{
	color: #262625
}
h3{
	color: #262625;
	font-size: 1.6em;
	margin: 0 0 1em;
}
h4{
	color: #444444;
	font-size: 1em;
	margin: 0 0 1em
}
p{
	padding: 0 0 1.5em
}

.recentcomments a {
	display:inline !important;
	padding: 0 !important;
	margin: 0 !important;
}

/*=== Intro ===*/
p.intro a {
	color:#FFFFFF;
}
p.intro a:hover {
	color:#222222;
}

/*=== Intro ===*/
.intro {
	line-height:1.3em;
	z-index:0;
}
.intro a {
	color:#FFFFFF;
	text-decoration:underline;
}
.intro a:hover {
	color:#222222;
	text-decoration:underline;
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 940px
}
/*=== Header ===*/
#header{
	height: 75px;
	position:relative;
}
#header .spacer{
	float: right
}
/*- Logo -*/
#header h1{
	float: left;
	width: 414px
}
#header h1 a{
	display: block;
	height: 144px;
}
#header h1 a:hover{
	text-decoration: none
}

.logo{
	float: left;
	padding-left:10px;
	padding-top: 15px;
}

/*=== Buttons ===*/
.btn-rounded{
	line-height: 30px;
	font-weight:bold;
	float: left;
}
.btn-rounded a{
	background: url(../images/btnrounded.gif) no-repeat left;
	color: #ffffff;
	padding: 0 0 0 13px;
	display: block;
	float: left;
}
.btn-rounded a span{
	background: url(../images/btnrounded.gif) no-repeat right;
	height: 30px;
	padding: 0 13px 0 0;
	display: block;
	float: left;
}

.btn {
	margin:0;
	padding:5px 10px;
	background:url(../images/btn.gif) repeat-x;
	border:1px solid #464543;
 	color:#FFFFFF;
	font-weight:bold;
}


/*=== Navigation ===*/
/*- Nav1 -*/

/*=== Page Nav ( alternative with dropdowns) == */

#nav1 {
	height:30px;


	margin: 5px 0 30px 10px;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#nav1 ul li a span {
	text-decoration: underline;
}

#nav1 ul li.current_page_item a span{
	text-decoration: none;
}

#nav1, #nav1 ul {
	padding: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

#nav1 a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	z-index: 100;

}

#nav1 li {
	float: left;
	line-height: 30px;
	margin: 0 4px 0 0;
}
#nav1 li a{
	color: #3f3f3f;
	padding: 0 0 0 13px;
	text-decoration: none
}
#nav1 li a span{
	display: inline-block;
	height: 30px;
	padding: 0 13px 0 0;
}

#nav1 li a:hover,
#nav1 li.active a,
#nav1 li.current_page_item a{
	background: url(../images/btnrounded.gif) no-repeat left;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background: url(../images/btnrounded.gif) no-repeat right;
}


/* Style drop down list */

#nav1 li ul {
	position: absolute;
	left: -999em;
	width: 168px;
	font-weight:normal;
	letter-spacing:0;
	text-transform:none;
	border-top: 1px solid #F7F6F6;
}
#nav1 li ul li {
	border: 1px solid #F7F6F6;
	border-width:0 1px 1px;
	background: #FFF;
	float: none;
}


#nav1 li.current_page_item ul li a{
	background: #FFF;
}

#nav1 li ul li a:hover,
#nav1 li ul li.active a,
#nav1 li ul li.current_page_item a{
	background: #F6F6F6;
}

#nav1 li ul li a span,
#nav1 li ul li.active a span,
#nav1 li ul li.current_page_item a span,
#nav1 li ul li a:hover span {
	background:none !important;
	color: #000;
}

#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
}

#nav1 li ul li a span{
	display:inline;
	height: 30px;
	padding: 0 13px 0 0
}

#nav1 li ul li a {
	line-height: 30px;
	font-size: 11px;
	color: #555555;
	width: 150px;
}

#nav1 li ul li ul li a {
	border-width:0 1px 1px 0px;
}
#nav1 li ul ul {
	margin: -31px 0 0 163px;
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav1 li:hover, #nav1 li.hover {
	position: static;
	visibility:visible
}

html>body #nav1 li ul li { *margin-top:-2px; }

/*- Nav2 -*/
.nav2 li, .widget li{
	background: url(../images/hl-dot.gif) repeat-x bottom;
	padding: .5em 0;
}
.nav2 li a, .widget li a{
	color: #555555;
	background: url(../images/ico-next.gif) no-repeat left;
	padding: 0 0 0 20px;
}
.nav2 li a:hover, .widget li a:hover{
	color: #464543;
	text-decoration: none
}
/*=== All Columns ===*/
#columns{
	width: 940px;
	height: 1%;
	padding: 0 0 10px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 620px
}
/*=== Right Column ===*/
#cursuschange{
	padding-left: 25px;
	padding-top: 5px;
}

.cursussen{
	font-size: 14px;
}

#rightcol{
	float: right;
	margin: 0;
	width: 320px
}
#rightcol h3{
	color: #ffffff;
	font-size: 1em;
	height: 2.4em;
	margin-top:10px;
}

#rightcol h3, #rightcol h3 a{
	color: #ffffff;
}

#rightcol h3 span{
	background: #D0D0CD;
	display: block;
	float: left;
	line-height: 2.4em;
	padding: 0 10px;
}
#rightcol .widget ul, #rightcol .textwidget {
	background: #efefed;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}

/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 115px;
	margin:0 0 1em;
}
.col1 a{
	color: #555555;
	text-decoration: underline
}
.col2{
	float: right;
	width: 425px
}
.col3{
	float: left;
	padding: 0 35px 0 0;
	width: 273px
}
.col3.last, .col6.last{
	padding: 0
}
.col3.nav2, .col6.nav2{
	background: none;
	padding: 0
}
.col3 h2{
	color: #464646;
	margin: 0 0 .5em
}
.col3 p{
	padding: 0
}
.col4{
	float: left;
	width: 335px
}
.col5{
	float: right;
	width: 415px
}
.col5 img{
	border: 10px solid #f6f5ed;
}
.col6{
	float: left;
	padding: 0 20px 20px 0;
	width: 300px
}
* html .col6{
	width: 290px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0 0 1em;
	width: 620px
}
.box .top,.box .bot{
	background: url(../images/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box .bot{
	background: url(../images/box-bot.gif) no-repeat top
}
.box .spacer{
	background: #ffffff;
	height: 1%;
	padding: 15px 30px
}
/*- Box2 -*/
.box2{
	margin: 8px 0 1em;
	width: 320px
}
.box2 .top,.box2 .bot{
	background: url(../images/box2-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box2 .bot{
	background: url(../images/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: #e4e4e0;
	height: 1%;
	padding: 10px 25px
}
/*- Box3 -*/
.box3{
	margin: 0 0 1em;
	width: 425px
}
.box3 .top,.box3 .bot{
	background: url(../images/box3-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box3 .bot{
	background: url(../images/box3-bot.gif) no-repeat top
}
.box3 .spcr{
	background: #efefed;
	height: 1%;
	padding: 0 20px;
	min-height:100px;
}
.box3 p{
	padding: 0
}
/*- Box4 -*/
.box4{
	color: #ffffff;
	font-size: 1.8em;
	margin: 0 0 20px;
	width: 470px;
	float: right;
	background-color: #0961b3;
}
.box4 .top,.box4 .bot{
	background: url(../images/box4-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box4 .bot{
	background: url(../images/box4-bot.gif) no-repeat top
}
.box4 .spacer{
	background: #0961b3;
	padding: 5px 20px;
	font-size: 11px;
	
}

.box4 span{
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.box4 a{
	color: #fff;
}

p.Logintext{
	margin: 0;
	padding: 0;
	float: left;
	line-height: 10px;
}

/*- Box5 -*/
.box5{
	margin: 0 0 30px;
	width: 940px
}
.box5 .top,.box5 .bot{
	background: url(../images/box5-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box5 .bot{
	background: url(../images/box5-bot.gif) no-repeat top
}
.box5 .spacer{
	background: url(../images/box5-bgr.gif) repeat-y top;
	height: 1%;
	padding: 15px 25px
}
.box5 .post img {
	border:0;
}
/*- Box6 -*/
.box6{
	margin: 0 0 20px;
	width: 940px
}
.box6 .top,.box6 .bot{
	background: url(../images/box6-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box6 .bot{
	background: url(../images/box6-bot.gif) no-repeat top
}
.box6 .spacer{
	background: #e4e4e0;
	height: 1%;
	padding: 10px 25px
}
#footer .box6 .spacer{
	padding: 0px 25px
}

/*- Wrapper -*/
.wrapper{
	float: left;
	padding: 0 0 0 20px;
}
/*- Date -*/
.date{
	color: #898989;
	margin: -15px 0 10px;
	position: relative
}
/*=== Styling Forms ===*/
/*- Search -*/
#search{
	height: 32px;
	margin: 0px;
	padding: 0 0 0 25px
}
#search input.keyword{
	background: #d0d0cd;
	border-bottom: 1px solid #fcfcfa;
	border-top: 1px solid #c4c2b5;
	border-left: 1px solid #c4c2b5;
	color: #ffffff;
	float: left;
	font-size: 11px;
	padding: 7px 5px 8px;
	width: 190px
}

/*- Form1 Setup -*/
.LoginApplication div{
	margin: 0 0 15px
}
.LoginApplication label{
	padding: 7px 0 0 15px
}

/* Form1 Textarea */
.LoginApplication textarea{
	height: 165px;
	overflow: auto;
	width: 550px
}
/*=== Link Buttons ===*/
.btn-cat {
	margin: 1em 0 1.5em;
}
.btn-continue{
	margin: 0 0 2em;
}
.btn-general{
	background: #464543;
	color: #ffffff;
	padding: 5px 10px;
}
.btn-general a {
	color: #ffffff;
}
.btn-continue a{
	background: url(../images/ico-more2.gif) no-repeat left;
	padding: 0 0 0 20px
}
.btn-arr a{
	background: #d0d0cd;
	color: #ffffff;
	line-height: 25px;
	padding: 5px 10px
}
.btn-arr2{
	float: left;
	padding: 130px 0 0;
	width: 27px
}
/*=== Pics, Ads etc. ===*/
.ads{
	margin: 0 0 10px
}
.ads img{
	margin: 0 8px 5px 0
}
/*=== Footer ===*/
#footer a{
	color: #949387;
	text-decoration: underline
}
#footer img{
	position: absolute;

}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}

.fr{
	float: right;
}

#footer .fr{
	position: relative;
	top:-38px;
	float: right;
	width: 150px;
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}

img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}

/*=== Posts ===*/

.post img {
	border:8px solid #f6f5ed;
}

.post {
		font-weight: normal;
	font-style: normal;
	text-align: left;
}


.imgleft{
	margin-right:  10px;
}

.imgright{
	margin-left:  10px;
}

.post ul, .post ol{
	padding: 0 0 1.2em 2em;
}
.post ul li{
	color: #555555;
	background: url(../images/ico-bullet.gif) no-repeat left top;
	padding: 0 0 0 20px;
}
.post ol li{
	list-style-type:decimal;
	margin: 0 0 0 20px;
}
.post li a:hover{
	color: #464543;
	text-decoration: none
}

.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#f9faf4 url(grey/ico-quote-grey.gif) no-repeat 10px 10px;
	border-top:1px solid #e4e4e0;
	border-bottom:1px solid #e4e4e0;
	width:80%; height:auto;
	margin:0 0 15px 10px; padding:15px 25px 0px 55px;
	display:block;
}

/*=== Comments ===*/

#comments .box3 p { padding-bottom:10px; }
#respond { margin: 1em 0 0; }

/*=== Widget styling ===*/

.widget #recentcomments li{
	background: url(../images/hl-dot.gif) repeat-x bottom;
	padding: .5em 0
}
.widget #recentcomments li a{
	background:none;
	color: #464543;
	text-decoration:none;
}
.widget #recentcomments li a:hover{
	color: #464543;
	text-decoration: underline;
}

.widget #searchform, .widget #calendar_wrap{
	background: #efefed;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}

.widget #searchform, .widget #calendar_wrap{
	clear: both;
	height: 1%;
	margin: 0 0 14px;
}

.widget #wp-calendar caption {
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom:5px;
	color:#333333;
}

.widget #wp-calendar {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:240px;
}

.widget #wp-calendar thead th {
	color:#333333;
}


.widget #wp-calendar tfoot td {
	padding:10px 0 10px 0;
	text-align:left;
}

.widget #wp-calendar tfoot td#next {
	text-align:right;
}

.widget #wp-calendar td {
	width:auto;
}

.widget #wp-calendar td a {
	padding:2px;
	color:#333333;
	text-decoration:underline;
}

.widget #wp-calendar tfoot td a {
	color:#333333;
}
.quote {
	background:url(../images/ico-quote.gif) no-repeat top left;
	margin:9px 0 0;
	width:37px;
	height:29px;
}
.flickr_badge_image img{
	margin: 0 3px 8px;
	padding: 0 7px 5px 0;
	float:left;
}
.flickr img{
	vertical-align:middle;
	margin:6px 0 8px;
}
.subscribe img{
	vertical-align:middle;
	margin:6px 0 8px;
}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 795px;
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 770px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*=== THREADED COMMENTS == */

ol.commentlist li.threaded .box3 { width:auto; margin:0px; }
ol.commentlist li.threaded .col1 { width:90px; }
ol.commentlist li.threaded .box3 .spcr { padding:10px 15px 0; margin:0; }
ol.commentlist li.threaded .children { margin-left:20px; }
ol.commentlist li.threaded .col2 { float:none; width:auto; margin-left:115px; }

.hide {
	display:none !important;
}
form ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li {
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}
form li:after, form li div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html form li {
	height: 1%;
}
* html form li div {
	display:inline-block;
}
*+html form li div {
	display:inline-block;
}
form li div, form li span {
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span {
	float:left;
}
.center, form li span.center input.text, form li span.center label, form li.name input.text, form li.name span label, form li.date input.text, form li.date span label, form li.phone input.text, form li.phone span label, form li.time input.text, form li.time span label {
	text-align:center;
}
form li.time select.select {
	margin-left:5px;
}
form li div.col span {
	display:block;
	width:100%;
	float:left;
	padding:0;
}
li.twoColumns div.col span {
	width:48%;
	margin:0 5px 0 0;
}
li.threeColumns div.col span {
	width:30%;
	margin:0 5px 0 0;
}
li.notStacked div.col span {
	width:auto;
	margin:0 7px 0 0;
}
form li.complex {
	padding-bottom:0;
}
form li div span.left, form li div span.right {
	margin:0;
	width:47%;
}
form li div span.full input, form li div span.full select, form li div span.left input, form li div span.right input, form li div span.left select, form li div span.right select {
	width:100%;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both !important;
}
.info {
	display:inline-block;
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 12px 0;
}
.info[class] {
	display:block;
}

.info div {
	font-size:95%;
	line-height:135%;
	margin:0 0 1.1em 0;
	color:#555;
}
form li.section {
	border-top:1px dotted #ccc;
	padding-top:1.9em;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
	position:static;
}
form ul li.first {
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3 {
	font-weight:normal;
	font-size:120%;
	line-height:135%;
	margin:0 0 .2em 0;
    color: #0961b3;
}
form .section div {
	display:block;
	font-size:85%;
	margin:0 0 1.2em 0;
	padding:0;
}
.hideNumbers tbody label {
	display:none;
}
form li div label, form li span label {
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:10px;
	line-height:10px;
	color:#444;
	display:block;
}
form li div span label {
	padding-bottom:12px;
}
label.desc {
	line-height:150%;
	margin:0;
	padding:1px 0 3px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
label.choice {
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:88%;
}
form.rightLabel div.col {
	margin-top:-3px;
}
span.symbol {
	font-size:120%;
	line-height:135%;
}
form li .datepicker {
	float:left;
	margin:.19em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}
form li div label var {
	font-weight:bold;
	font-style:normal;
}
form li div label .currently {
	display:none;
}
input.text, input.file, textarea.textarea, select.select {
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, input.file, textarea.textarea, .firefox select.select {
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/images/fieldbg.gif) repeat-x top;
}
body:nth-of-type(1) input.file {
border:none;
background:none;
}
input.text, input.file {
	padding:2px 0 2px 0;
}
input.file {
	margin-bottom:10px;
}
input.checkbox, input.radio {
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}
input.other {
	margin:0 0 8px 25px;
}
textarea.textarea {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class] {
	margin:0;
	padding:1px 0 1px 0;
}
*+html select.select[class] {
	margin:1px 0;
}
body:nth-of-type(1) select.select {
margin-bottom:1px;
font-size:120% !important;
}
input.btTxt {
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons {
	clear:both;
	margin-top:10px;
}
.buttons input {
	font-size:120%;
	margin-right: 5px;
}
.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section div, .rtl input.btTxt {
	direction:rtl;
}
.third {
	width:32% !important;
}
.half {
	width:48% !important;
}
.full {
	width:100% !important;
}
input.small, select.small {
	width:25%;
}
input.medium, select.medium {
	width:50%;
}
input.large, select.large, textarea.textarea {
	width:100%;
}
textarea.small {
	height:5.5em;
}
textarea.medium {
	height:10em;
}
textarea.large {
	height:20em;
}
form span.req {
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}
form li.focused {
	background-color:#fff7c0;
}
form li.focused, form li:hover {
	position:relative;
}
form .instruct {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
	visibility:hidden;
}
form .instruct small {
	font-size:105%;
}
form li.focused .instruct, form li:hover .instruct {
	left:100%;
	visibility:visible;
}
.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
	visibility:visible;
	position:static;
	margin:0;
	padding:6px 0 0 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
	font-size:10px;
}
.altInstruct p.complex, li.leftHalf p.complex, li.rightHalf p.complex {
	padding:0 0 9px 0;
}
.leftLabel li, .rightLabel li {
	width:95% !important;
	padding-top:9px;
}
.leftLabel label.desc, .rightLabel label.desc {
	float:left;
	width:20%;
	margin:0px 15px 0 0;
}
.rightLabel label.desc {
	text-align:right;
}
.leftLabel li div.col, .rightLabel li div.col, .leftLabel li.complex div, .rightLabel li.complex div {
	float:left;
}
.leftLabel .small, .rightLabel .small {
	width:17%;
}
.leftLabel .medium, .rightLabel .medium {
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel li div.col, .rightLabel li div.col, .leftLabel li.complex div, .rightLabel li.complex div {
	width:64%;
}
* html .leftLabel .small, * html .rightLabel .small {
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium {
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea {
	width:97%;
}
.leftLabel p.instruct, .rightLabel p.instruct {
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}
.leftLabel .buttons, .rightLabel .buttons {
	margin-left:15px;
}
* html .leftLabel .buttons, * html .rightLabel .buttons {
	margin-left:4px;
}
*+html .leftLabel .buttons, *+html .rightLabel .buttons {
	margin-left:7px;
}
.leftLabel .buttons .submit, .rightLabel .buttons .submit {
	margin-left:29%;
}
* html .leftLabel .buttons .submit, * html .rightLabel .buttons .submit {
	margin-left:22%;
}
.noI .instruct {
	display:none !important;
}
.noI form li, .noI form li.buttons, .altInstruct form li, .altInstruct form li.buttons {
	width:97% !important;
}
.noI form li.section, .altInstruct form li.section {
	padding-left:9px !important;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc {
	width:34%;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel li div.col, .noI .rightLabel li div.col, .noI .leftLabel li.complex div, .noI .rightLabel li.complex div {
	width:60%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
	margin-left:34%;
}
form li.leftHalf, form li.rightHalf {
	width:46% !important;
}
li.leftHalf {
	clear:left;
	float:left;
}
li.rightHalf {
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small {
	width:100%;
}

div.calendar {
	position: relative;
	z-index:15000;
}
.calendar table {
	cursor:pointer;
	font-size: 11px;
	color: #000;
	border:1px solid #ccc;
	background: #fff;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.calendar .button {
	text-align: center;
	padding:2px 0 3px 0;
}
.calendar thead .title {
	font-weight: bold;
	text-align: center;
	background: #fff;
	color: #000;
	font-size:12px;
	padding: 3px 0;
}
.calendar thead .headrow {
	background: #dedede;
	color: #333;
	font-weight:bold;
}
.calendar thead .daynames {
	background: #f5f5f5;
	color:#333;
}
.calendar thead .name {
	padding: 2px;
	text-align: center;
	color: #000;
	border-bottom:1px solid #dedede;
}
.calendar thead .weekend {
	color: #666;
	background:#dedede;
}
.calendar thead .hilite {
	background-color: #444;
	color: #fff;
	padding: 1px;
}
.calendar thead .active {
	background-color: #d12f19;
	color:#fff;
}

.calendar tbody .day { width:2em;color: #222;text-align: center;padding: 1px;border: 1px solid #fff;}

.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}
.calendar table .wn {
	padding: 2px 2px 2px 2px;
	border-right: 1px solid #000;
	background: #666;
}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn {
	background: #ddd;
}
.calendar tbody td.hilite {
	background:#444 !important;
	color:#fff !important;
}
.calendar tbody td.active {
	color:#529214;
	background: #529214 !important;
}
.calendar tbody td.selected {
	font-weight: bold;
	border: 1px solid #888;
	padding: 1px;
	background: #f5f5f5 !important;
	color: #222 !important;
}
.calendar tbody td.weekend {
	color: #666;
}
.calendar tbody td.today {
	font-weight: bold;
	color: #529214;
	background:#D9EFC2;
}
.calendar tbody .disabled {
	color: #999;
}
.calendar tbody .emptycell {
	visibility: hidden;
}
.calendar tbody .emptyrow {
	display: none;
}
.calendar tfoot .footrow {
	text-align: center;
	background: #556;
	color: #fff;
}
.calendar tfoot .ttip {
	background: #222;
	color: #fff;
	font-size:10px;
	border-top: 1px solid #dedede;
	padding: 3px;
}
.calendar tfoot .hilite {
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
}
.calendar tfoot .active {
	background: #77c;
	padding: 2px 0px 0px 2px;
}
.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #222;
	font-size: 90%;
	z-index: 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}
.calendar .combo .label-IEfix {
	width: 4em;
}
.calendar .combo .hilite {
	background: #444;
	color:#fff;
}
.calendar .combo .active {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #dedede;
	font-weight: bold;
}

form li.likert {
	width:97% !important;
}
.likert table {
	margin:0 0 .9em 0;
	background:#fff;
	width:100%;
	border:1px solid #dedede;
	border-bottom:none;
}
.likert caption {
	text-align:left;
	color:#222;
	font-size:95%;
	line-height:135%;
	padding:5px 0 .5em 0;
}
.likert input {
	padding:0;
	margin:2px 0;
}
.likert label {
	font-size:10px;
	display:block;
	color:#565656;
}
.likert thead td, .likert thead th {
	background-color:#e6e6e6;
}
.likert td {
	border-left:1px solid #ccc;
	text-align:center;
	padding:4px 6px;
}
.likert thead td {
	font-size:85%;
	padding:10px 6px;
}
.likert th, .likert td {
	border-bottom:1px solid #dedede;
}
.likert tbody th {
	color:#222;
	font-size:95%;
	font-weight:bold;
	padding:8px 8px;
}
.likert tbody tr.alt td, .likert tbody tr.alt th {
	background-color:#f5f5f5;
}
.likert tbody tr:hover td, .likert tbody tr:hover th {
	background-color:#FFFFCF;
}
.col1 td {
	width:30%;
}
.col2 td {
	width:25%;
}
.col3 td {
	width:18%;
}
.col4 td {
	width:14.5%;
}
.col5 td {
	width:12%;
}
.col6 td, .col7 td {
	width:10%;
}
.col8 td, .col9 td, .col10 td {
	width:6.5%;
}
.col11 {
	width:6%;
}
.hideNumbers tbody label {
	display:none;
}

#errorLi{width:99%;margin:0 auto;background:#fff !important;border:1px solid red;margin-bottom:1em;text-align:center;padding:1em 0 1em 0;-webkit-border-radius:20px;-moz-border-radius:20px;}#errorMsgLbl{margin:0 0 5px 0;padding:0;font-size:150%;color:#DF0000 !important;}#errorMsg {padding: 0;margin:0 0 2px 0;color:#000 !important;font-size:100%;}#errorMsg strong{padding:2px 3px;background-color: #FFDFDF !important;color:red !important;}form li.error{display:block !important;background-color: #FFDFDF !important;margin-bottom:3px !important;}form li.error label, form li.error span.symbol{color:#DF0000 !important;}form p.error{display:none;margin:0 !important;padding:7px 0 0 0 !important;color:#DF0000 !important;font-weight:bold;font-size:10px;line-height:10px !important;clear:both;}form li.complex p.error{padding:0 0 9px 0 !important;}form li.error p.error{display:block;}.leftLabel p.error, .rightLabel p.error{margin-left:30%;padding-left:15px;}.noI .leftLabel p.error, .noI .rightLabel p.error{margin-left:35%;padding-left:15px;}